<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">	
			*{
				margin: 0;
				padding: 0;
			}
			div#dd{
				background-color:black;
				background: rgba(0,0,0,0.5);
				width: 1200px;
				float: left;
			}
			#dd ul li{
				height: 200px;
				line-height: 200px;
				list-style: none;
				float: left;
				text-indent: 1.2em;
			}
			#dd img{
				float: left;
			}
			#dd ul span:hover{
				color: blue;
			}
			#dd ul a span{
				color: white;
				text-decoration: none;
			}
			#dd ul .c{
				color: #D3B95E;
				border: 2px solid yellow;
				border-radius: 15px 15px 15px 15px;
				margin-left: 10px;
				padding-left: 6px;
				padding-right: 6px;
				padding-bottom: 3px;
				padding-top: 3px;
			}
			#dd ul .c:hover{
				background-color: #FAD65C;
				color: chocolate;
			}
			#dd ul a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div id="dd">
			<img src="image2/logo.png" >
			<ul>
				<li><a href="#"><span>功能特权</span></a></li>
				<li><a href="#"><span>游戏特权</span></a></li>
				<li><a href="#"><span>生活特权</span></a></li>
				<li><a href="#"><span>成长体系</span></a></li>
				<li><a href="#"><span>会员活动</span></a></li>
				<li><a href="#"><span>年费专区</span></a></li>
				<li><a href="#"><span>超级会员</span></a></li>
				<li><a href="#" class="c">登录</a></li>
				<li><a href="#" class="c">开通超级会员</a></li>
			</ul>
		</div>
	</body>
</html>
